<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <link rel="icon" href="./img/favicon.ico"/>
  <title>百度</title>
  <link rel="stylesheet" href="./css/index.css"/>
  <!-- <script src="./js/jquery/jquery-1.12.3.js" defer></script> -->
  <script src="./js/jquery/jquery-3.7.0.js" defer></script>
  <!--  <script src="./js/new_index.js" defer></script>-->
  <script src="./js/test_index.js" defer></script>
</head>
<body>
<div class="login-float-layer">
  <div class="baidu-login">
    <div class="login-header">
      <div class="login-header-left">
        <div class="header"></div>
        <div class="footer">
          <div class="baidu-photo">
            <div class="qrcode">
              <div class="img"></div>
            </div>
            <div class="phone-login">
              <div class="img"></div>
            </div>
          </div>
          <div class="text">请使用百度APP扫码登录</div>
          <div class="download-baidu">
            <a target="_blank" href="https://mo.baidu.com/wuxian/?from=pass"
            >下载百度APP</a
            >
            <div class="download-qrcode-layer">
              <div class="qrcode">
                <div class="img"></div>
              </div>
              <div class="text">扫描二维码下载百度APP</div>
            </div>
          </div>
        </div>
      </div>
      <div class="login-header-right">
        <div class="close-header"></div>
        <div class="from-body">
          <div class="choose-login">
            <div class="account-login active">账号登录</div>
            <div class="note-login">短信登录</div>
          </div>
          <div class="account">功能开发中......</div>
          <div class="note">功能开发中......</div>
          <div class="login-btn">登录</div>
          <div class="text">
            阅读并接受
            <a
              href="https://passport.baidu.com/static/passpc-account/html/protocal.html"
            >百度用户协议</a
            >
            和
            <a href="https://privacy.baidu.com/policy">隐私政策</a>
          </div>
        </div>
      </div>
    </div>
    <div class="login-footer">
      <div class="left">
        <div class="qq"></div>
        <div class="weibo"></div>
        <div class="wechat"></div>
      </div>
      <div class="right">
        <a
          target="_blank"
          href="https://passport.baidu.com/v2/?reg&tt=1670084943401&overseas=undefined&gid=B9E7CB0-8D51-47E2-A765-CAC71048EE65&tpl=mn&u=https%3A%2F%2Fwww.baidu.com%2F"
        >立即注册</a
        >
      </div>
    </div>
  </div>
</div>
<div class="header">
  <div class="left">
    <a target="_blank" href="https://syc0001.github.io/html-demo/">新闻</a
    ><a target="_blank" href="https://syc0001.github.io/html-demo/"
  >hao123</a
  ><a target="_blank" href="https://syc0001.github.io/html-demo/">地图</a
  ><a target="_blank" href="https://syc0001.github.io/html-demo/">贴吧</a
  ><a target="_blank" href="https://syc0001.github.io/html-demo/">视频</a
  ><a target="_blank" href="https://syc0001.github.io/html-demo/">图片</a
  ><a target="_blank" href="https://syc0001.github.io/html-demo/">网盘</a
  ><a target="_blank" href="https://syc0001.github.io/html-demo/">更多</a>
  </div>
  <div class="change-color-btn">
    <div class="text">开启正常颜色</div>
    <div class="button">
      <div class="bottom-ellipse"></div>
      <div class="circle"></div>
    </div>
  </div>
  <div class="right">
    <div class="setting">
      设置
      <div class="float-dialog">
        <div>搜索设置</div>
        <div>高级搜索</div>
        <div>关闭预测</div>
        <div>隐私设置</div>
        <div>隐藏资讯</div>
        <div>关闭播报</div>
        <hr/>
        <div>更换皮肤</div>
      </div>
    </div>
    <div class="login">登录</div>
  </div>
</div>
<div class="baidu-body">
  <div class="baidu-logo">
    <a target="_blank" href="https://syc0001.github.io/html-demo/">
      <div class="logo"></div>
    </a>
  </div>
  <div class="input-from">
    <div class="from">
      <input class="input" type="text"/>
      <div class="clear-input"></div>
      <div class="camera"></div>
      <div class="crmera-dialog">
        <div class="photo">拖拽图片到这里</div>
        <div class="select-file">选择文件</div>
        <div class="close"></div>
      </div>
      <input class="submit-btn" type="submit" value="百度一下"/>
    </div>
  </div>
  <div class="hotSearch">
    <div class="hotSearch-header">
      <a
        target="_blank"
        href="https://syc0001.github.io/html-demo/"
        id="baidu-search"
      >百度热搜&nbsp;&gt;</a
      >
      <div id="change">换一换</div>
    </div>
    <div class="list">
      <div class="item">
        <span class="num1">1</span>&nbsp;江泽民同志逝世 享年96岁
      </div>
      <div class="item">
        <span class="num2">2</span>&nbsp;江泽民同志治丧委员会名单
      </div>
      <div class="item">
        <span class="num3">3</span>&nbsp;江泽民同志遗像发布
      </div>
      <div class="item">
        <span class="num">4</span>&nbsp;神十五成功对接空间站组合体
      </div>
      <div class="item">
        <span class="num">5</span>&nbsp;联合国安理会为江泽民默哀一分钟
      </div>
      <div class="item">
        <span class="num">6</span>&nbsp;北京天安门等地下半旗为江泽民志哀
      </div>
    </div>
  </div>
  <div class="declare-partiton">
    <h1>通过HTML,Less,jQuery实现的百度主页</h1>
    <h1>
      页面添加了亿点点额外的功能,切换颜色,搜索,换一换,添加图片,登录界面
    </h1>
    <div class="source-repository">
      代码已开源&nbsp;&nbsp;&nbsp;<a
      target="_blank"
      href="https://gitee.com/shi-yichuang/baidu-demo"
    >点击跳转仓库</a
    >
    </div>
    <div class="source-btn">
      <a
        target="_blank"
        href="https://gitee.com/shi-yichuang/baidu-demo/repository/archive/master.zip"
      >点击下载源码</a
      >
    </div>
  </div>
</div>
<div class="footer">
  <a target="_blank" href="https:syc0001.github.io/html-demo">关于百度</a>
  <a target="_blank" href="https:syc0001.github.io/html-demo"
  >About Baidu</a
  >
  <a target="_blank" href="https:syc0001.github.io/html-demo"
  >使用百度前必读</a
  >
  <a target="_blank" href="https:syc0001.github.io/html-demo">帮助中心</a>
  <a target="_blank" href="https:syc0001.github.io/html-demo">企业推广</a>
  <a target="_blank" href="https:syc0001.github.io/html-demo"
  >京公网安备11000002000001号</a
  >
  <a target="_blank" href="https:syc0001.github.io/html-demo"
  >京ICP证030173号</a
  >
  <a target="_blank" href="https:syc0001.github.io/html-demo"
  >信息网络传播视听节目许可证 0110516</a
  >
  <a target="_blank" href="https:syc0001.github.io/html-demo"
  >互联网宗教信息服务许可证编号：京（2022）0000043</a
  >
  <a target="_blank" href="https:syc0001.github.io/html-demo"
  >药品医疗器械网络信息服务备案（京）网药械信息备字（2021）第00159号</a
  >
  <svg>
    <path
      fill-rule="evenodd"
      d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"
    />
  </svg>
  <div class="about-baidu">
    医疗器械网络交易服务第三方平台备案凭证（京）网械平台备字（2020）第00002号
    ©2022 Baidu
  </div>
</div>
<div class="footer-right-float-layer">
  <div class="assist-pattern">
    <div class="img"></div>
    <div class="hide-dialog">辅助模式</div>
  </div>
  <div class="qrcode">
    <div class="img"></div>
    <div class="qrcode-dialog">
      <div class="text-left">
        <div class="login-text">百度APP扫码登录</div>
        <div class="login-info">百度一下 生活更好</div>
      </div>
      <div class="qrcode-right">
        <div class="img"></div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
